@import '@/styles/variables.scss';
$header-height: 54px;
.header {
  background: $white-color;
  .tabs-container {
    $size: map-get($spaces, sm);
    display: flex;
    gap: $size;

    .tab-label {
      display: inline-block;
      cursor: pointer;
    }
    .tab-item {
      display: flex;
      align-items: center;
      border-radius: $radius;
      background-color: map-get($border-colors, default);
      padding: map-get($spaces, xs) map-get($spaces, lg);
      gap: 4px;
    }
    .tab-item.active {
      background: map-get($theme-colors, primary);
      color: $white-color;
      .icon {
        :deep(.u-icon__icon) {
          color: $white-color !important;
        }
      }
     
    }
  }
}
